STEP 1: Let's add our background! We have already written the code to create the grid.

  • In the toolkit to the left, find and click on it once. Notice the blue blocks that appear in the toolkit.
  • Find the block labeled Soccer Field. Click, hold, and drag it into the code editor below, then release.
  • Click Run at the end of every activity to see the changes that you made!
  • Click Submit and Next to move on at the end of every activity.

To navigate the page using the TAB key, first press ESC to exit the code editor.

stage.set_axis(100) stage.create_grid_overlay(10, "grey")
  • Run Code
  • Submit Work
  • Next Activity
  • Show Console
  • Reset Code Editor
  • Codesters How To (opens in a new tab)